<template>
  <div>
    <h1>兄弟一组件</h1>
    <h1>子传父在父传子的数据：{{tdata}}</h1>
    <h1>{{brodata}}</h1>
    <button @click="sendMy">传值给home组件</button>
    <button @click="sendF">获取父组件并传值</button>
  </div>
</template>

<script>
export default {
  name: '2209vueBroOne',
  props:{
    tdata:String
  },
  data() {
    return {
      myname:"我是刘备",
      brodata:"",
      hdata:"home组件你好"
    };
  },
  created(){
   
  },
  mounted() {
    // 给兄弟二组件传数据
    this.$bus.$emit('sendname',this.myname)

     // this.$on来监听自定义事件 并接收数据
    this.$bus.$on('sendmsg',(val)=>{
      this.brodata=val
    })
  },

  methods: {
    sendMy(){
      // 传值给home组件
      console.log(1122)
      this.$bus.$emit("sendhdata",this.hdata)
    },
    sendF(){
      console.log(this.$parent)
      // this.$parent 获取父组件的 可以操作父组件的数据和方法 进行传值
      this.$parent.eat("麻辣烫")
    }
  },
};
</script>